<html><head>
  <meta charset="utf-8">
  <#assign base=request.contextPath  />
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>添加菜品</title>
  <link rel="stylesheet" href="${base}/js/layui/css/layui.css" media="all">
   <script type="text/javascript" src="${base}/js/zhang.js"></script>
<style type="text/css">
form{
    		padding: 20px;
    	}
    	.layui-btn-radius{
        	border-radius: 5px;
        }
 </style>
</head>

<body>
 <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
  <legend>菜品一览表</legend>
</fieldset>
<div class="demoTable" style="padding:15px;">
              <button class="layui-btn layui-btn-radius" id="btn2" data-method="offset" type="button" style="background-color: #0092EF;">添加菜品</button>
              <div class="layui-inline layui-form" style="float:right;">
                <div class="layui-input-inline">
                                       <select name="interest"  id="sech"  lay-search="">

                                           <option value="vegetable">菜品</option>
                                       </select>
                                   </div>

             <div class="layui-inline">
                           <input class="layui-input" name="id" id="demoReload" autocomplete="off">
                         </div>
             <button class="layui-btn layui-btn-radius" id="btn1" data-type="reload" style="background-color: #0092EF;">搜索</button>
            </div>
         </div>
<table class="layui-hide" id="table_huli" lay-filter="user"></table>
<script type="text/html" id="barDemo">
		  <i class="layui-icon layui-icon-delete layui-btn-xs" lay-event="del" id="delectfiresafety" href="javascript:void(0)"  onclick="delectvariety('{{d.id}}')"  style="font-size: 20px;" ></i>
	</script>
<script src="${base}/js/layui/layui.js" charset="utf-8"></script>
<script src="${base}/js/jquery.min.js"></script>
<script>
layui.use(['element','form', 'layedit', 'laydate','table'], function(){
          var form = layui.form
          ,$ = layui.jquery
          ,layer = layui.layer
          ,layedit = layui.layedit
          ,laydate = layui.laydate
          ,element = layui.element;
          table = layui.table;
   table.render({
    elem: '#table_huli'
    ,url: '${base}/variety/selectVarietyPaGe'//数据接口
    ,toolbar: '#toolbarDemo'
        ,defaultToolbar: ['filter', 'print', 'exports']
    ,cols: [[
      {field:'id',title: '序号',templet:function(val){
               return val.LAY_INDEX
            },width:60}
      ,{field:'vegetable', title: '菜品',align:'center'}
       ,{field: 'right', title:'操作', toolbar: '#barDemo',width:80,align: 'center'}
    ]]
    ,id: 'testReload'
    ,page: {
       layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
         	,theme: '#0092EF'
          	,limit:20
         	    }
                ,height:500
                ,done: function(res, curr, count){
                this.where={};
                     }
  });
  //搜索
        $('#btn1').on('click', function(){
          var sechLin=$("#sech").val();
           var sechData=$("#demoReload").val();
         var whereData={};
         whereData.lin=sechLin;
         whereData.data=Trim(sechData);
         whereData.page=1;
         whereData.limit=10;
           var table = layui.table;
                        //表刷新方法
                        table.reload('testReload', {
                            url: '${base}/variety/selectVarietyPaGe'
                            ,where: whereData
                        });
        });
   var active = {
      	offset: function(othis){
      	  var type = othis.data('type')
      	  ,text = othis.text();
  		  layer.open({
  		  type: 2,
  		  title: '添加菜品',
  		  shadeClose:false ,
  		  area:['400px','300px'],
  		  content: '${base}/variety/Adddishes_Add',

  		});
  	}
    };
     $('#btn2').on('click', function(){
      var othis = $(this), method = othis.data('method');
      active[method] ? active[method].call(this, othis) : '';
    });
});
function delectvariety(id){
layer.confirm('真的要删除吗?', function(index){
 $.ajax({
    type:"POST",
       url:"${base}/variety/deleteVariety",
       data:{"id":id},
           success : function(data){
           var table = layui.table;
            //表刷新方法
              table.reload('testReload', {
                   url: '${base}/variety/selectVarietyPaGe'
                      ,where: {} //设定异步数据接口的额外参数
                                  });
                                    layer.close(index);
                       }
                 });

} );
            }
            //键盘事件
               $("body").bind("keydown",function(e){
                    // 兼容FF和IE和Opera
                    var theEvent = e || window.event;
                    var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
                    if (code == 13) {
                        //回车执行查询
                        $("#btn1").click();
                    }
                });



</script>

</body>
</html>